<div :class="name">
    <div class="user-add-list">
        <h5 class="user-add-title-color">员工列表
            <a class="user-add-title-color" href="javascript:void(0)">筛选</a>
            <a class="user-add-title-color" href="javascript:void(0)">操作</a>
        </h5>
        <div class="scroll-user-add">
            <ul class="item" v-for="user in data">
                <li class="item-title user-add-title-color">姓名：{{user.fullName}}</li>
                <li class="col">部门：{{user.department}}</li>
                <li class="col">职位：{{user.title}}</li>
                <li class="col">人员编号：{{user.account}}</li>
                <li class="col">人员属性：{{user.userAttributes}}</li>
            </ul>
        </div>
        <div class="all-list-page">
            <template>
                <Page :total="100" size="small" show-sizer show-total></Page>
            </template>
        </div>
    </div>
    <div class="user-add-editor">
        <div class="user-add-editor-flex">
            <h5 class="user-add-title-color">员工列表
                <a class="user-add-title-color" href="javascript:void(0)">保存</a>
                <a class="user-add-title-color" href="javascript:void(0)">取消</a>
                <a class="user-add-title-color" href="javascript:void(0)">更改</a>
            </h5>
            <div class="user-add-editor-content">
                <div class="user-add-editor-i">
                    <table>
                        <tr>
                            <td>人员编码
                                <template>
                                    <Input v-model="PersonnelCode" placeholder="请输入..." style="width: 180px"></Input>
                                </template>
                            </td>
                            <td>人员名称
                                <template>
                                    <Input v-model="PersonnelName" placeholder="请输入..." style="width:180px"></Input>
                                </template>
                            </td>
                            <td>
                                性别
                                <template>
                                    <Select v-model="PersonnelSex" style="width:180px">
                                        <Option v-for="item in form.PersonnelSex" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                证件类型
                                <template>
                                    <Select v-model="CertificateType" style="width:180px" filterable>
                                        <Option v-for="item in form.CertificateType" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td><td>
                            证件号
                            <template>
                                <Input v-model="CertificateNumber" placeholder="请输入..." style="width:180px"></Input>
                            </template>
                        </td><td>
                            所属部门
                            <template>
                                <Select v-model="Department" style="width:180px">
                                    <Option v-for="item in form.Department" :value="item.value" :key="item">{{ item.label }}</Option>
                                </Select>
                            </template>
                        </td>
                        </tr><tr>
                            <td>职务
                                <template>
                                    <Select v-model="Post" style="width:180px">
                                        <Option v-for="item in form.Post" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td>
                            <td>人员类型
                                <template>
                                    <Select v-model="PersonnelCategories" style="width:180px">
                                        <Option v-for="item in form.PersonnelCategories" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td>
                            <td>
                                职称
                                <template>
                                    <Select v-model="Title" style="width:180px">
                                        <Option v-for="item in form.Title" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                手机号码
                                <template>
                                    <Input v-model="mobile" placeholder="请输入..." style="width:180px"></Input>
                                </template>
                            </td><td>
                            电话号码
                            <template>
                                <Input v-model="form.Tel" placeholder="请输入..." style="width:180px"></Input>
                            </template>
                        </td><td>
                            email
                            <template>
                                <Input v-model="Email" placeholder="请输入..." style="width:180px"></Input>
                            </template>
                        </td>
                        </tr>
                        <tr>
                            <td>生日
                                <template>
                                    <Input v-model="Birthday" placeholder="请输入..." style="width:180px"></Input>
                                </template>
                            </td>
                            <td>银行
                                <template>
                                    <Select v-model="Bank" style="width:180px">
                                        <Option v-for="item in form.Bank" :value="item.value" :key="item">{{ item.label }}</Option>
                                    </Select>
                                </template>
                            </td>
                            <td>
                                银行账号
                                <template>
                                    <Input v-model="BankNumber" placeholder="请输入..." style="width:180px"></Input>
                                </template>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                助记码
                                <template>
                                    <Input v-model="MnemonicNumber" placeholder="请输入..." style="width:180px"></Input>
                                </template>
                            </td>
                            <td>

                                </td>
                            <td>
                                </td>
                        </tr>
                    </table>
                </div>
                <div class="user-add-editor-a">
                    <p><a href="javascript:void(0)" class="user-add-title-color">更多信息</a></p>
                </div>
            </div>
        </div>
    </div>
</div>